<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>文本内容(ul)</title>
    </head>

    <body>
        <h3>无序清单</h3>
        <div>无序清单，也称作无序列表，英文全称是 unordered list</div>
        <div>与有序清单一样，在无序清单内部也是以 清单项目(list item) 为子元素</div>
        <div>清单项目之前的项目符号是可以设置的 ( ) </div>
        
        <ul>
            <li>牛肉面</li>
            <li>卤蛋</li>
            <li>小菜</li>
        </ul>

        <h5>设置项目符号（type="disc"）</h5>
        <ul>
            <li type="disc">慢羊羊</li>
            <li type="disc">喜羊羊</li>
            <li type="disc">沸羊羊</li>
        </ul>

        <h5>设置项目符号（type="square"）</h5>
        <ul>
            <li type="square">慢羊羊</li>
            <li type="square">喜羊羊</li>
            <li type="square">沸羊羊</li>
        </ul>

        <h5>设置项目符号（type="circle"）</h5>
        <ul>
            <li type="circle">慢羊羊</li>
            <li type="circle">喜羊羊</li>
            <li type="circle">沸羊羊</li>
        </ul>

        <h5>无序清单也可以显式序号（type="1"）</h5>
        <ul>
            <li type="1">慢羊羊</li>
            <li type="1">喜羊羊</li>
            <li type="1">沸羊羊</li>
        </ul>
        
    </body>

</html>